import React, { Component } from "react";
import "./index.scss";
import LayoutAside from "../../components/aside";
import LayoutHeader from "../../components/header";
import LayoutMain from "../../components/main";
import { Layout } from "antd";
const { Header, Sider, Content } = Layout;

export default class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {
      path: this.props.location.pathname,
    };
  }
  render() {
    let { path } = this.state;
    return (
      <Layout className="layout_wrap">
        <Sider width="250px">
          <LayoutAside path={path} />
        </Sider>
        <Layout>
          <Header className="layout_header">
            <LayoutHeader />
          </Header>
          <Content className="layout_content">
            <LayoutMain />
          </Content>
        </Layout>
      </Layout>
    );
  }
}
